import QtQuick 2.0


Item{
  width: 100;height: 100

  Image{
      id:pic1
      source: "data/Move.png"
      sourceSize.width: 30
      sourceSize.height: 30
      rotation:180
      anchors.left: parent.left
      anchors.leftMargin: 35
      anchors.top:parent.top
      MouseArea{
          anchors.fill: parent
          onPressed: {
              parent.opacity=0.5
              renderer.signalKeyPress(8)
          }
          onReleased: {
              parent.opacity=1
              renderer.signalKeyUp(8)
          }

//          onPressed: parent.opacity=0.5
//          onReleased: parent.opacity=1
      }

  }
  Image{
      id:pic2
      source: "data/Move.png"
      sourceSize.width: 30
      sourceSize.height: 30
      rotation:90
      anchors.left:parent.left
      anchors.bottom:parent.bottom
      anchors.bottomMargin: 35
      MouseArea{
          anchors.fill: parent
          onPressed: parent.opacity=0.5
          onReleased: parent.opacity=1
      }
  }
  Image{
      id:pic3
      source: "data/Move.png"
      sourceSize.width:30
      sourceSize.height:30
      rotation:270
      anchors.right: parent.right
      anchors.top:parent.top
      anchors.topMargin: 35

      MouseArea{
          anchors.fill: parent
          onPressed: {
              parent.opacity=0.5
              renderer.signalKeyPress(128)
          }
          onReleased: {
              parent.opacity=1
              renderer.signalKeyUp(128)
          }

      }
  }
  Image{
      id:pic4
      source: "data/Move.png"
      sourceSize.width:30
      sourceSize.height:30
      anchors.left:parent.left
      anchors.leftMargin: 35
      anchors.bottom:parent.bottom
      MouseArea{
          anchors.fill: parent
          onPressed: parent.opacity=0.5
          onReleased: parent.opacity=1
      }
  }
}

